<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>iconfont Demo</title>
		<link rel="shortcut icon"
			href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"
			type="image/x-icon" />
		<link rel="icon" type="image/svg+xml"
			href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" />
		<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
		<link rel="stylesheet" href="demo.css">
		<link rel="stylesheet" href="iconfont.css">
		<script src="iconfont.js"></script>
		<!-- jQuery -->
		<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
		<!-- 代码高亮 -->
		<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
		<style>
		.main{
			width: 675px !important;
		}
			.main .logo {
				margin-top: 0;
				height: auto;
				
			}

			.main .logo a {
				display: flex;
				align-items: center;
			}

			.main .logo .sub-title {
				margin-left: 0.5em;
				font-size: 22px;
				color: #fff;
				background: linear-gradient(-45deg, #3967FF, #B500FE);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		</style>
	</head>
	<body>
		<div class="main">

			<div class="nav-tabs">
				<ul id="tabs" class="dib-box">
					<li class="dib active"><span>Unicode</span></li>
					<li class="dib"><span>Font class</span></li>
					<li class="dib"><span>Symbol</span></li>
				</ul>

		

			</div>
			<div class="tab-container">
				<div class="content unicode" style="display: block;">
					<ul class="icon_lists dib-box">

						<li class="dib">
							<span class="icon iconfont">&#xe665;</span>
							<div class="name">链接</div>
							<div class="code-name">&amp;#xe665;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe63f;</span>
							<div class="name">微信</div>
							<div class="code-name">&amp;#xe63f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe615;</span>
							<div class="name">朋友圈</div>
							<div class="code-name">&amp;#xe615;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe608;</span>
							<div class="name">微博</div>
							<div class="code-name">&amp;#xe608;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe60f;</span>
							<div class="name">QQ</div>
							<div class="code-name">&amp;#xe60f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe706;</span>
							<div class="name">小程序</div>
							<div class="code-name">&amp;#xe706;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe792;</span>
							<div class="name">display-code</div>
							<div class="code-name">&amp;#xe792;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe793;</span>
							<div class="name">display-arrow-right</div>
							<div class="code-name">&amp;#xe793;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe794;</span>
							<div class="name">display-arrow-left</div>
							<div class="code-name">&amp;#xe794;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe795;</span>
							<div class="name">laptop-error</div>
							<div class="code-name">&amp;#xe795;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe796;</span>
							<div class="name">laptop-check</div>
							<div class="code-name">&amp;#xe796;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe797;</span>
							<div class="name">laptop</div>
							<div class="code-name">&amp;#xe797;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe798;</span>
							<div class="name">mobile-error</div>
							<div class="code-name">&amp;#xe798;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe799;</span>
							<div class="name">mobile-check</div>
							<div class="code-name">&amp;#xe799;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe79a;</span>
							<div class="name">mobile-alt</div>
							<div class="code-name">&amp;#xe79a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe79d;</span>
							<div class="name">aliwangwang</div>
							<div class="code-name">&amp;#xe79d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe79e;</span>
							<div class="name">nail</div>
							<div class="code-name">&amp;#xe79e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe79f;</span>
							<div class="name">nail-fixed</div>
							<div class="code-name">&amp;#xe79f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a0;</span>
							<div class="name">edit</div>
							<div class="code-name">&amp;#xe7a0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a1;</span>
							<div class="name">dollar</div>
							<div class="code-name">&amp;#xe7a1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a2;</span>
							<div class="name">transanction</div>
							<div class="code-name">&amp;#xe7a2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a3;</span>
							<div class="name">filter-fill</div>
							<div class="code-name">&amp;#xe7a3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a4;</span>
							<div class="name">all-fill</div>
							<div class="code-name">&amp;#xe7a4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a5;</span>
							<div class="name">database plus-fill</div>
							<div class="code-name">&amp;#xe7a5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a6;</span>
							<div class="name">database-fill</div>
							<div class="code-name">&amp;#xe7a6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a7;</span>
							<div class="name">comment lines-fill</div>
							<div class="code-name">&amp;#xe7a7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a8;</span>
							<div class="name">comment dots-fill</div>
							<div class="code-name">&amp;#xe7a8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7a9;</span>
							<div class="name">paper plane-fill</div>
							<div class="code-name">&amp;#xe7a9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7aa;</span>
							<div class="name">eye slash-fill</div>
							<div class="code-name">&amp;#xe7aa;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ab;</span>
							<div class="name">eye-fill</div>
							<div class="code-name">&amp;#xe7ab;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ac;</span>
							<div class="name">lightbulb-fill</div>
							<div class="code-name">&amp;#xe7ac;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ad;</span>
							<div class="name">flag-fill</div>
							<div class="code-name">&amp;#xe7ad;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ae;</span>
							<div class="name">tag-fill</div>
							<div class="code-name">&amp;#xe7ae;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7af;</span>
							<div class="name">position-fill</div>
							<div class="code-name">&amp;#xe7af;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b0;</span>
							<div class="name">location-fill</div>
							<div class="code-name">&amp;#xe7b0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b1;</span>
							<div class="name">map-fill</div>
							<div class="code-name">&amp;#xe7b1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b2;</span>
							<div class="name">inbox in-fill</div>
							<div class="code-name">&amp;#xe7b2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b3;</span>
							<div class="name">box-fill</div>
							<div class="code-name">&amp;#xe7b3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b4;</span>
							<div class="name">database set-fill</div>
							<div class="code-name">&amp;#xe7b4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b5;</span>
							<div class="name">layer group-fill</div>
							<div class="code-name">&amp;#xe7b5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b6;</span>
							<div class="name">cry-fill</div>
							<div class="code-name">&amp;#xe7b6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b7;</span>
							<div class="name">smile-fill</div>
							<div class="code-name">&amp;#xe7b7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b8;</span>
							<div class="name">unlock-fill</div>
							<div class="code-name">&amp;#xe7b8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7b9;</span>
							<div class="name">lock-fill</div>
							<div class="code-name">&amp;#xe7b9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ba;</span>
							<div class="name">align right-fill</div>
							<div class="code-name">&amp;#xe7ba;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7bb;</span>
							<div class="name">align left-fill</div>
							<div class="code-name">&amp;#xe7bb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7bc;</span>
							<div class="name">border bottom-fill</div>
							<div class="code-name">&amp;#xe7bc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7bd;</span>
							<div class="name">border top-fill</div>
							<div class="code-name">&amp;#xe7bd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7be;</span>
							<div class="name">align center-fill</div>
							<div class="code-name">&amp;#xe7be;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7bf;</span>
							<div class="name">border verticle-fill</div>
							<div class="code-name">&amp;#xe7bf;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c0;</span>
							<div class="name">pic center-fill</div>
							<div class="code-name">&amp;#xe7c0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c1;</span>
							<div class="name">pic side-fill</div>
							<div class="code-name">&amp;#xe7c1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c2;</span>
							<div class="name">folder open-fill</div>
							<div class="code-name">&amp;#xe7c2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c3;</span>
							<div class="name">folder plus-fill</div>
							<div class="code-name">&amp;#xe7c3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c4;</span>
							<div class="name">folder-fill</div>
							<div class="code-name">&amp;#xe7c4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c5;</span>
							<div class="name">file-SQL</div>
							<div class="code-name">&amp;#xe7c5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c6;</span>
							<div class="name">file plus-fill</div>
							<div class="code-name">&amp;#xe7c6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c7;</span>
							<div class="name">file-fill</div>
							<div class="code-name">&amp;#xe7c7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c8;</span>
							<div class="name">copy-fill</div>
							<div class="code-name">&amp;#xe7c8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7c9;</span>
							<div class="name">headset-fill</div>
							<div class="code-name">&amp;#xe7c9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ca;</span>
							<div class="name">phone-fill</div>
							<div class="code-name">&amp;#xe7ca;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7cb;</span>
							<div class="name">pause circle-fill</div>
							<div class="code-name">&amp;#xe7cb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7cc;</span>
							<div class="name">stop circle-fill</div>
							<div class="code-name">&amp;#xe7cc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7cd;</span>
							<div class="name">play circle-fill</div>
							<div class="code-name">&amp;#xe7cd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ce;</span>
							<div class="name">delete-fill</div>
							<div class="code-name">&amp;#xe7ce;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7cf;</span>
							<div class="name">picture-fill</div>
							<div class="code-name">&amp;#xe7cf;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d0;</span>
							<div class="name">mail-fill</div>
							<div class="code-name">&amp;#xe7d0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d1;</span>
							<div class="name">heart-fill</div>
							<div class="code-name">&amp;#xe7d1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d2;</span>
							<div class="name">collection-fill</div>
							<div class="code-name">&amp;#xe7d2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d3;</span>
							<div class="name">user-group-fill</div>
							<div class="code-name">&amp;#xe7d3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d4;</span>
							<div class="name">user plus-fill</div>
							<div class="code-name">&amp;#xe7d4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d5;</span>
							<div class="name">user-fill</div>
							<div class="code-name">&amp;#xe7d5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d6;</span>
							<div class="name">cog-fill</div>
							<div class="code-name">&amp;#xe7d6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d7;</span>
							<div class="name">clock-fill</div>
							<div class="code-name">&amp;#xe7d7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d8;</span>
							<div class="name">calendar alt-fill</div>
							<div class="code-name">&amp;#xe7d8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7d9;</span>
							<div class="name">cloud download-fill</div>
							<div class="code-name">&amp;#xe7d9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7da;</span>
							<div class="name">cloud upload-fill</div>
							<div class="code-name">&amp;#xe7da;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7db;</span>
							<div class="name">exchange-fill</div>
							<div class="code-name">&amp;#xe7db;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7dc;</span>
							<div class="name">info-circle-fill</div>
							<div class="code-name">&amp;#xe7dc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7dd;</span>
							<div class="name">question-circle-fill</div>
							<div class="code-name">&amp;#xe7dd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7de;</span>
							<div class="name">exclamation circle-f</div>
							<div class="code-name">&amp;#xe7de;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7df;</span>
							<div class="name">minus-circle-fill</div>
							<div class="code-name">&amp;#xe7df;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e0;</span>
							<div class="name">plus-circle-fill</div>
							<div class="code-name">&amp;#xe7e0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e1;</span>
							<div class="name">times-circle-fill</div>
							<div class="code-name">&amp;#xe7e1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e2;</span>
							<div class="name">check-circle-fill</div>
							<div class="code-name">&amp;#xe7e2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e3;</span>
							<div class="name">compress alt-fill</div>
							<div class="code-name">&amp;#xe7e3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e4;</span>
							<div class="name">expand alt-fill</div>
							<div class="code-name">&amp;#xe7e4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e5;</span>
							<div class="name">filter</div>
							<div class="code-name">&amp;#xe7e5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e6;</span>
							<div class="name">all</div>
							<div class="code-name">&amp;#xe7e6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e7;</span>
							<div class="name">database-plus</div>
							<div class="code-name">&amp;#xe7e7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e8;</span>
							<div class="name">database</div>
							<div class="code-name">&amp;#xe7e8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7e9;</span>
							<div class="name">comment-lines</div>
							<div class="code-name">&amp;#xe7e9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ea;</span>
							<div class="name">comment-dots</div>
							<div class="code-name">&amp;#xe7ea;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7eb;</span>
							<div class="name">paper-plane</div>
							<div class="code-name">&amp;#xe7eb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ec;</span>
							<div class="name">eye-slash</div>
							<div class="code-name">&amp;#xe7ec;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ed;</span>
							<div class="name">eye</div>
							<div class="code-name">&amp;#xe7ed;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ee;</span>
							<div class="name">lightbulb</div>
							<div class="code-name">&amp;#xe7ee;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ef;</span>
							<div class="name">flag</div>
							<div class="code-name">&amp;#xe7ef;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f0;</span>
							<div class="name">tag</div>
							<div class="code-name">&amp;#xe7f0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f1;</span>
							<div class="name">position</div>
							<div class="code-name">&amp;#xe7f1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f2;</span>
							<div class="name">location</div>
							<div class="code-name">&amp;#xe7f2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f3;</span>
							<div class="name">map</div>
							<div class="code-name">&amp;#xe7f3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f4;</span>
							<div class="name">inbox-in</div>
							<div class="code-name">&amp;#xe7f4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f5;</span>
							<div class="name">box</div>
							<div class="code-name">&amp;#xe7f5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f6;</span>
							<div class="name">database-set</div>
							<div class="code-name">&amp;#xe7f6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f7;</span>
							<div class="name">layer-group</div>
							<div class="code-name">&amp;#xe7f7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f8;</span>
							<div class="name">wind-cry</div>
							<div class="code-name">&amp;#xe7f8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7f9;</span>
							<div class="name">wind-smile</div>
							<div class="code-name">&amp;#xe7f9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7fa;</span>
							<div class="name">unlock</div>
							<div class="code-name">&amp;#xe7fa;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7fb;</span>
							<div class="name">lock</div>
							<div class="code-name">&amp;#xe7fb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7fc;</span>
							<div class="name">align-right</div>
							<div class="code-name">&amp;#xe7fc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7fd;</span>
							<div class="name">align-left</div>
							<div class="code-name">&amp;#xe7fd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7fe;</span>
							<div class="name">border-bottom</div>
							<div class="code-name">&amp;#xe7fe;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe7ff;</span>
							<div class="name">border-top</div>
							<div class="code-name">&amp;#xe7ff;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe800;</span>
							<div class="name">align-center</div>
							<div class="code-name">&amp;#xe800;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe801;</span>
							<div class="name">border-verticle</div>
							<div class="code-name">&amp;#xe801;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe802;</span>
							<div class="name">pic-center</div>
							<div class="code-name">&amp;#xe802;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe803;</span>
							<div class="name">pic-side</div>
							<div class="code-name">&amp;#xe803;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe804;</span>
							<div class="name">folder-open</div>
							<div class="code-name">&amp;#xe804;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe805;</span>
							<div class="name">folder-plus</div>
							<div class="code-name">&amp;#xe805;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe806;</span>
							<div class="name">folder</div>
							<div class="code-name">&amp;#xe806;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe807;</span>
							<div class="name">file-SQL</div>
							<div class="code-name">&amp;#xe807;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe808;</span>
							<div class="name">file-plus</div>
							<div class="code-name">&amp;#xe808;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe809;</span>
							<div class="name">file</div>
							<div class="code-name">&amp;#xe809;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe80a;</span>
							<div class="name">copy</div>
							<div class="code-name">&amp;#xe80a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe80b;</span>
							<div class="name">headset</div>
							<div class="code-name">&amp;#xe80b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe80c;</span>
							<div class="name">phone</div>
							<div class="code-name">&amp;#xe80c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe80d;</span>
							<div class="name">pause circle</div>
							<div class="code-name">&amp;#xe80d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe80e;</span>
							<div class="name">stop circle</div>
							<div class="code-name">&amp;#xe80e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe80f;</span>
							<div class="name">play circle</div>
							<div class="code-name">&amp;#xe80f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe810;</span>
							<div class="name">delete</div>
							<div class="code-name">&amp;#xe810;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe811;</span>
							<div class="name">picture</div>
							<div class="code-name">&amp;#xe811;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe812;</span>
							<div class="name">mail</div>
							<div class="code-name">&amp;#xe812;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe813;</span>
							<div class="name">like</div>
							<div class="code-name">&amp;#xe813;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe814;</span>
							<div class="name">collection</div>
							<div class="code-name">&amp;#xe814;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe815;</span>
							<div class="name">user-group</div>
							<div class="code-name">&amp;#xe815;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe816;</span>
							<div class="name">account-plus</div>
							<div class="code-name">&amp;#xe816;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe817;</span>
							<div class="name">account</div>
							<div class="code-name">&amp;#xe817;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe818;</span>
							<div class="name">cog</div>
							<div class="code-name">&amp;#xe818;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe819;</span>
							<div class="name">clock</div>
							<div class="code-name">&amp;#xe819;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe81a;</span>
							<div class="name">calendar-alt</div>
							<div class="code-name">&amp;#xe81a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe81b;</span>
							<div class="name">cloud download</div>
							<div class="code-name">&amp;#xe81b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe81c;</span>
							<div class="name">cloud upload</div>
							<div class="code-name">&amp;#xe81c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe81d;</span>
							<div class="name">exchange</div>
							<div class="code-name">&amp;#xe81d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe81e;</span>
							<div class="name">info-circle</div>
							<div class="code-name">&amp;#xe81e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe81f;</span>
							<div class="name">question-circle</div>
							<div class="code-name">&amp;#xe81f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe820;</span>
							<div class="name">exclamation-circle</div>
							<div class="code-name">&amp;#xe820;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe821;</span>
							<div class="name">minus-circle</div>
							<div class="code-name">&amp;#xe821;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe822;</span>
							<div class="name">plus-circle</div>
							<div class="code-name">&amp;#xe822;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe823;</span>
							<div class="name">times-circle</div>
							<div class="code-name">&amp;#xe823;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe824;</span>
							<div class="name">check-circle</div>
							<div class="code-name">&amp;#xe824;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe825;</span>
							<div class="name">compress-alt</div>
							<div class="code-name">&amp;#xe825;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe826;</span>
							<div class="name">expand-alt</div>
							<div class="code-name">&amp;#xe826;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe827;</span>
							<div class="name">ban</div>
							<div class="code-name">&amp;#xe827;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe828;</span>
							<div class="name">minus</div>
							<div class="code-name">&amp;#xe828;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe829;</span>
							<div class="name">plus</div>
							<div class="code-name">&amp;#xe829;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe82a;</span>
							<div class="name">times</div>
							<div class="code-name">&amp;#xe82a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe82b;</span>
							<div class="name">check</div>
							<div class="code-name">&amp;#xe82b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe82c;</span>
							<div class="name">search-minus</div>
							<div class="code-name">&amp;#xe82c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe82d;</span>
							<div class="name">search-plus</div>
							<div class="code-name">&amp;#xe82d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe82e;</span>
							<div class="name">search</div>
							<div class="code-name">&amp;#xe82e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe82f;</span>
							<div class="name">reply</div>
							<div class="code-name">&amp;#xe82f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe830;</span>
							<div class="name">undo</div>
							<div class="code-name">&amp;#xe830;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe831;</span>
							<div class="name">redo</div>
							<div class="code-name">&amp;#xe831;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe832;</span>
							<div class="name">external-link</div>
							<div class="code-name">&amp;#xe832;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe833;</span>
							<div class="name">arrows-alt</div>
							<div class="code-name">&amp;#xe833;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe834;</span>
							<div class="name">indent</div>
							<div class="code-name">&amp;#xe834;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe835;</span>
							<div class="name">outdent</div>
							<div class="code-name">&amp;#xe835;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe836;</span>
							<div class="name">sort-line</div>
							<div class="code-name">&amp;#xe836;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe837;</span>
							<div class="name">switch</div>
							<div class="code-name">&amp;#xe837;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe838;</span>
							<div class="name">wind-descending</div>
							<div class="code-name">&amp;#xe838;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe839;</span>
							<div class="name">wind-ascending</div>
							<div class="code-name">&amp;#xe839;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe83a;</span>
							<div class="name">download</div>
							<div class="code-name">&amp;#xe83a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe83b;</span>
							<div class="name">upload</div>
							<div class="code-name">&amp;#xe83b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe83c;</span>
							<div class="name">arrow-to-bottom</div>
							<div class="code-name">&amp;#xe83c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe83d;</span>
							<div class="name">arrow-to-top</div>
							<div class="code-name">&amp;#xe83d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe83e;</span>
							<div class="name">long-arrow-down</div>
							<div class="code-name">&amp;#xe83e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe83f;</span>
							<div class="name">long-arrow-up</div>
							<div class="code-name">&amp;#xe83f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe840;</span>
							<div class="name">arrow-right</div>
							<div class="code-name">&amp;#xe840;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe841;</span>
							<div class="name">arrow-left</div>
							<div class="code-name">&amp;#xe841;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe842;</span>
							<div class="name">sort</div>
							<div class="code-name">&amp;#xe842;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe843;</span>
							<div class="name">sort-down</div>
							<div class="code-name">&amp;#xe843;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe844;</span>
							<div class="name">sort-up</div>
							<div class="code-name">&amp;#xe844;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe845;</span>
							<div class="name">caret-right</div>
							<div class="code-name">&amp;#xe845;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe846;</span>
							<div class="name">caret-left</div>
							<div class="code-name">&amp;#xe846;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe847;</span>
							<div class="name">arrows-v</div>
							<div class="code-name">&amp;#xe847;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe848;</span>
							<div class="name">angle- double-down</div>
							<div class="code-name">&amp;#xe848;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe849;</span>
							<div class="name">angle-double-up</div>
							<div class="code-name">&amp;#xe849;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe84a;</span>
							<div class="name">angle-double-right</div>
							<div class="code-name">&amp;#xe84a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe84b;</span>
							<div class="name">angle-double-left</div>
							<div class="code-name">&amp;#xe84b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe84c;</span>
							<div class="name">angle-down</div>
							<div class="code-name">&amp;#xe84c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe84d;</span>
							<div class="name">angle-up</div>
							<div class="code-name">&amp;#xe84d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe84e;</span>
							<div class="name">angle-right</div>
							<div class="code-name">&amp;#xe84e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe84f;</span>
							<div class="name">angle-left</div>
							<div class="code-name">&amp;#xe84f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe850;</span>
							<div class="name">paperclip</div>
							<div class="code-name">&amp;#xe850;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe851;</span>
							<div class="name">connection</div>
							<div class="code-name">&amp;#xe851;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe853;</span>
							<div class="name">training</div>
							<div class="code-name">&amp;#xe853;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe854;</span>
							<div class="name">process</div>
							<div class="code-name">&amp;#xe854;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe855;</span>
							<div class="name">news</div>
							<div class="code-name">&amp;#xe855;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe856;</span>
							<div class="name">save</div>
							<div class="code-name">&amp;#xe856;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe857;</span>
							<div class="name">print</div>
							<div class="code-name">&amp;#xe857;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe858;</span>
							<div class="name">new-releases</div>
							<div class="code-name">&amp;#xe858;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe85a;</span>
							<div class="name">release</div>
							<div class="code-name">&amp;#xe85a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe85b;</span>
							<div class="name">alert</div>
							<div class="code-name">&amp;#xe85b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe85c;</span>
							<div class="name">backspace</div>
							<div class="code-name">&amp;#xe85c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe85d;</span>
							<div class="name">gem</div>
							<div class="code-name">&amp;#xe85d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe85e;</span>
							<div class="name">integral</div>
							<div class="code-name">&amp;#xe85e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe85f;</span>
							<div class="name">star-circle</div>
							<div class="code-name">&amp;#xe85f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe860;</span>
							<div class="name">user-circle</div>
							<div class="code-name">&amp;#xe860;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe861;</span>
							<div class="name">cloud-machine-fill</div>
							<div class="code-name">&amp;#xe861;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe862;</span>
							<div class="name">cloud-machine</div>
							<div class="code-name">&amp;#xe862;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe863;</span>
							<div class="name">terminal-fill</div>
							<div class="code-name">&amp;#xe863;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe864;</span>
							<div class="name">terminal</div>
							<div class="code-name">&amp;#xe864;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe865;</span>
							<div class="name">shopping-cart-fill</div>
							<div class="code-name">&amp;#xe865;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe867;</span>
							<div class="name">resource</div>
							<div class="code-name">&amp;#xe867;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe86a;</span>
							<div class="name">rank</div>
							<div class="code-name">&amp;#xe86a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe86b;</span>
							<div class="name">sync-alt</div>
							<div class="code-name">&amp;#xe86b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe86c;</span>
							<div class="name">compass</div>
							<div class="code-name">&amp;#xe86c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe86d;</span>
							<div class="name">arrow-alt- from-top</div>
							<div class="code-name">&amp;#xe86d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe86e;</span>
							<div class="name">arrow-alt-from-botto</div>
							<div class="code-name">&amp;#xe86e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe86f;</span>
							<div class="name">menu</div>
							<div class="code-name">&amp;#xe86f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe870;</span>
							<div class="name">icon-drag</div>
							<div class="code-name">&amp;#xe870;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe871;</span>
							<div class="name">early-warning</div>
							<div class="code-name">&amp;#xe871;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe872;</span>
							<div class="name">share</div>
							<div class="code-name">&amp;#xe872;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe873;</span>
							<div class="name">share</div>
							<div class="code-name">&amp;#xe873;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe874;</span>
							<div class="name">management</div>
							<div class="code-name">&amp;#xe874;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe875;</span>
							<div class="name">accesskeys</div>
							<div class="code-name">&amp;#xe875;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe877;</span>
							<div class="name">arrow-sort down-small</div>
							<div class="code-name">&amp;#xe877;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe878;</span>
							<div class="name">minus-square-fill</div>
							<div class="code-name">&amp;#xe878;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe879;</span>
							<div class="name">plus-square-fill</div>
							<div class="code-name">&amp;#xe879;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe87a;</span>
							<div class="name">minus-square</div>
							<div class="code-name">&amp;#xe87a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe87b;</span>
							<div class="name">plus-square</div>
							<div class="code-name">&amp;#xe87b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe87d;</span>
							<div class="name">step mode</div>
							<div class="code-name">&amp;#xe87d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe87e;</span>
							<div class="name">scrolling mode</div>
							<div class="code-name">&amp;#xe87e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe881;</span>
							<div class="name">shopping cart</div>
							<div class="code-name">&amp;#xe881;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe882;</span>
							<div class="name">waiting-fill</div>
							<div class="code-name">&amp;#xe882;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe883;</span>
							<div class="name">waiting</div>
							<div class="code-name">&amp;#xe883;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe884;</span>
							<div class="name">right-arrow-rect</div>
							<div class="code-name">&amp;#xe884;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe885;</span>
							<div class="name">left-arrow-rect</div>
							<div class="code-name">&amp;#xe885;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe887;</span>
							<div class="name">bell</div>
							<div class="code-name">&amp;#xe887;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe888;</span>
							<div class="name">structured data</div>
							<div class="code-name">&amp;#xe888;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe769;</span>
							<div class="name">drag</div>
							<div class="code-name">&amp;#xe769;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe889;</span>
							<div class="name">vector</div>
							<div class="code-name">&amp;#xe889;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe76a;</span>
							<div class="name">ellipsis-v</div>
							<div class="code-name">&amp;#xe76a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe88a;</span>
							<div class="name">NEW</div>
							<div class="code-name">&amp;#xe88a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe76b;</span>
							<div class="name">gallery-view</div>
							<div class="code-name">&amp;#xe76b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe88b;</span>
							<div class="name">HOT</div>
							<div class="code-name">&amp;#xe88b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe76c;</span>
							<div class="name">WIFI</div>
							<div class="code-name">&amp;#xe76c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe88c;</span>
							<div class="name">home</div>
							<div class="code-name">&amp;#xe88c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe76d;</span>
							<div class="name">bug-report</div>
							<div class="code-name">&amp;#xe76d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe88e;</span>
							<div class="name">monitoring</div>
							<div class="code-name">&amp;#xe88e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe76e;</span>
							<div class="name">qrcode</div>
							<div class="code-name">&amp;#xe76e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe88f;</span>
							<div class="name">diagnose</div>
							<div class="code-name">&amp;#xe88f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe76f;</span>
							<div class="name">scan</div>
							<div class="code-name">&amp;#xe76f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe891;</span>
							<div class="name">loading</div>
							<div class="code-name">&amp;#xe891;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe770;</span>
							<div class="name">cut</div>
							<div class="code-name">&amp;#xe770;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe892;</span>
							<div class="name">Directory tree</div>
							<div class="code-name">&amp;#xe892;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe771;</span>
							<div class="name">gift</div>
							<div class="code-name">&amp;#xe771;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe89e;</span>
							<div class="name">application</div>
							<div class="code-name">&amp;#xe89e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe772;</span>
							<div class="name">link</div>
							<div class="code-name">&amp;#xe772;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe89f;</span>
							<div class="name">application group</div>
							<div class="code-name">&amp;#xe89f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe774;</span>
							<div class="name">poweroff</div>
							<div class="code-name">&amp;#xe774;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe775;</span>
							<div class="name">key</div>
							<div class="code-name">&amp;#xe775;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe776;</span>
							<div class="name">safety-certificate</div>
							<div class="code-name">&amp;#xe776;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe777;</span>
							<div class="name">supervise</div>
							<div class="code-name">&amp;#xe777;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe78a;</span>
							<div class="name">tag-subscipt</div>
							<div class="code-name">&amp;#xe78a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe78c;</span>
							<div class="name">chart-pie-alt</div>
							<div class="code-name">&amp;#xe78c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe78d;</span>
							<div class="name">chart-relation</div>
							<div class="code-name">&amp;#xe78d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe78e;</span>
							<div class="name">chart-scatter-plot</div>
							<div class="code-name">&amp;#xe78e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe78f;</span>
							<div class="name">chart-area</div>
							<div class="code-name">&amp;#xe78f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe790;</span>
							<div class="name">chart-line</div>
							<div class="code-name">&amp;#xe790;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe791;</span>
							<div class="name">chart-bar</div>
							<div class="code-name">&amp;#xe791;</div>
						</li>

					</ul>

				</div>
				<div class="content font-class">
					<ul class="icon_lists dib-box">

						<li class="dib">
							<span class="icon iconfont icon-lianjie"></span>
							<div class="name">
								链接
							</div>
							<div class="code-name">.icon-lianjie
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-weixin"></span>
							<div class="name">
								微信
							</div>
							<div class="code-name">.icon-weixin
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pengyouquan"></span>
							<div class="name">
								朋友圈
							</div>
							<div class="code-name">.icon-pengyouquan
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-weibo"></span>
							<div class="name">
								微博
							</div>
							<div class="code-name">.icon-weibo
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-QQ"></span>
							<div class="name">
								QQ
							</div>
							<div class="code-name">.icon-QQ
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-xiaochengxu"></span>
							<div class="name">
								小程序
							</div>
							<div class="code-name">.icon-xiaochengxu
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-display-code"></span>
							<div class="name">
								display-code
							</div>
							<div class="code-name">.icon-display-code
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-display-arrow-right"></span>
							<div class="name">
								display-arrow-right
							</div>
							<div class="code-name">.icon-display-arrow-right
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-display-arrow-left"></span>
							<div class="name">
								display-arrow-left
							</div>
							<div class="code-name">.icon-display-arrow-left
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-laptop-error"></span>
							<div class="name">
								laptop-error
							</div>
							<div class="code-name">.icon-laptop-error
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-laptop-check"></span>
							<div class="name">
								laptop-check
							</div>
							<div class="code-name">.icon-laptop-check
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-laptop"></span>
							<div class="name">
								laptop
							</div>
							<div class="code-name">.icon-laptop
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mobile-error"></span>
							<div class="name">
								mobile-error
							</div>
							<div class="code-name">.icon-mobile-error
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mobile-check"></span>
							<div class="name">
								mobile-check
							</div>
							<div class="code-name">.icon-mobile-check
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mobile-alt"></span>
							<div class="name">
								mobile-alt
							</div>
							<div class="code-name">.icon-mobile-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-aliwangwang"></span>
							<div class="name">
								aliwangwang
							</div>
							<div class="code-name">.icon-aliwangwang
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-nail"></span>
							<div class="name">
								nail
							</div>
							<div class="code-name">.icon-nail
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-nail-fixed"></span>
							<div class="name">
								nail-fixed
							</div>
							<div class="code-name">.icon-nail-fixed
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-edit"></span>
							<div class="name">
								edit
							</div>
							<div class="code-name">.icon-edit
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-dollar"></span>
							<div class="name">
								dollar
							</div>
							<div class="code-name">.icon-dollar
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-transanction"></span>
							<div class="name">
								transanction
							</div>
							<div class="code-name">.icon-transanction
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-filter-fill"></span>
							<div class="name">
								filter-fill
							</div>
							<div class="code-name">.icon-filter-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-all-fill"></span>
							<div class="name">
								all-fill
							</div>
							<div class="code-name">.icon-all-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-databaseplus-fill"></span>
							<div class="name">
								database plus-fill
							</div>
							<div class="code-name">.icon-databaseplus-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-database-fill"></span>
							<div class="name">
								database-fill
							</div>
							<div class="code-name">.icon-database-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-commentlines-fill"></span>
							<div class="name">
								comment lines-fill
							</div>
							<div class="code-name">.icon-commentlines-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-commentdots-fill"></span>
							<div class="name">
								comment dots-fill
							</div>
							<div class="code-name">.icon-commentdots-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-paperplane-fill"></span>
							<div class="name">
								paper plane-fill
							</div>
							<div class="code-name">.icon-paperplane-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eyeslash-fill"></span>
							<div class="name">
								eye slash-fill
							</div>
							<div class="code-name">.icon-eyeslash-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-fill"></span>
							<div class="name">
								eye-fill
							</div>
							<div class="code-name">.icon-eye-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lightbulb-fill"></span>
							<div class="name">
								lightbulb-fill
							</div>
							<div class="code-name">.icon-lightbulb-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-flag-fill"></span>
							<div class="name">
								flag-fill
							</div>
							<div class="code-name">.icon-flag-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-tag-fill"></span>
							<div class="name">
								tag-fill
							</div>
							<div class="code-name">.icon-tag-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-position-fill"></span>
							<div class="name">
								position-fill
							</div>
							<div class="code-name">.icon-position-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-location-fill"></span>
							<div class="name">
								location-fill
							</div>
							<div class="code-name">.icon-location-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-fill"></span>
							<div class="name">
								map-fill
							</div>
							<div class="code-name">.icon-map-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-inboxin-fill"></span>
							<div class="name">
								inbox in-fill
							</div>
							<div class="code-name">.icon-inboxin-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-box-fill"></span>
							<div class="name">
								box-fill
							</div>
							<div class="code-name">.icon-box-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-databaseset-fill"></span>
							<div class="name">
								database set-fill
							</div>
							<div class="code-name">.icon-databaseset-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-layergroup-fill"></span>
							<div class="name">
								layer group-fill
							</div>
							<div class="code-name">.icon-layergroup-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cry-fill"></span>
							<div class="name">
								cry-fill
							</div>
							<div class="code-name">.icon-cry-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-smile-fill"></span>
							<div class="name">
								smile-fill
							</div>
							<div class="code-name">.icon-smile-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-unlock-fill"></span>
							<div class="name">
								unlock-fill
							</div>
							<div class="code-name">.icon-unlock-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lock-fill"></span>
							<div class="name">
								lock-fill
							</div>
							<div class="code-name">.icon-lock-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-alignright-fill"></span>
							<div class="name">
								align right-fill
							</div>
							<div class="code-name">.icon-alignright-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-alignleft-fill"></span>
							<div class="name">
								align left-fill
							</div>
							<div class="code-name">.icon-alignleft-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-borderbottom-fill"></span>
							<div class="name">
								border bottom-fill
							</div>
							<div class="code-name">.icon-borderbottom-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-bordertop-fill"></span>
							<div class="name">
								border top-fill
							</div>
							<div class="code-name">.icon-bordertop-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-aligncenter-fill"></span>
							<div class="name">
								align center-fill
							</div>
							<div class="code-name">.icon-aligncenter-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-borderverticle-fill"></span>
							<div class="name">
								border verticle-fill
							</div>
							<div class="code-name">.icon-borderverticle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-piccenter-fill"></span>
							<div class="name">
								pic center-fill
							</div>
							<div class="code-name">.icon-piccenter-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-picside-fill"></span>
							<div class="name">
								pic side-fill
							</div>
							<div class="code-name">.icon-picside-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folderopen-fill"></span>
							<div class="name">
								folder open-fill
							</div>
							<div class="code-name">.icon-folderopen-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folderplus-fill"></span>
							<div class="name">
								folder plus-fill
							</div>
							<div class="code-name">.icon-folderplus-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folder-fill"></span>
							<div class="name">
								folder-fill
							</div>
							<div class="code-name">.icon-folder-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-SQL"></span>
							<div class="name">
								file-SQL
							</div>
							<div class="code-name">.icon-file-SQL
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-fileplus-fill"></span>
							<div class="name">
								file plus-fill
							</div>
							<div class="code-name">.icon-fileplus-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-fill"></span>
							<div class="name">
								file-fill
							</div>
							<div class="code-name">.icon-file-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-copy-fill"></span>
							<div class="name">
								copy-fill
							</div>
							<div class="code-name">.icon-copy-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-headset-fill"></span>
							<div class="name">
								headset-fill
							</div>
							<div class="code-name">.icon-headset-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-phone-fill"></span>
							<div class="name">
								phone-fill
							</div>
							<div class="code-name">.icon-phone-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pausecircle-fill"></span>
							<div class="name">
								pause circle-fill
							</div>
							<div class="code-name">.icon-pausecircle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stopcircle-fill"></span>
							<div class="name">
								stop circle-fill
							</div>
							<div class="code-name">.icon-stopcircle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-playcircle-fill"></span>
							<div class="name">
								play circle-fill
							</div>
							<div class="code-name">.icon-playcircle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-fill"></span>
							<div class="name">
								delete-fill
							</div>
							<div class="code-name">.icon-delete-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-picture-fill"></span>
							<div class="name">
								picture-fill
							</div>
							<div class="code-name">.icon-picture-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mail-fill"></span>
							<div class="name">
								mail-fill
							</div>
							<div class="code-name">.icon-mail-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-heart-fill"></span>
							<div class="name">
								heart-fill
							</div>
							<div class="code-name">.icon-heart-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-collection-fill"></span>
							<div class="name">
								collection-fill
							</div>
							<div class="code-name">.icon-collection-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-group-fill"></span>
							<div class="name">
								user-group-fill
							</div>
							<div class="code-name">.icon-user-group-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-userplus-fill"></span>
							<div class="name">
								user plus-fill
							</div>
							<div class="code-name">.icon-userplus-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-fill"></span>
							<div class="name">
								user-fill
							</div>
							<div class="code-name">.icon-user-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cog-fill"></span>
							<div class="name">
								cog-fill
							</div>
							<div class="code-name">.icon-cog-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-clock-fill"></span>
							<div class="name">
								clock-fill
							</div>
							<div class="code-name">.icon-clock-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-calendaralt-fill"></span>
							<div class="name">
								calendar alt-fill
							</div>
							<div class="code-name">.icon-calendaralt-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-clouddownload-fill"></span>
							<div class="name">
								cloud download-fill
							</div>
							<div class="code-name">.icon-clouddownload-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cloudupload-fill"></span>
							<div class="name">
								cloud upload-fill
							</div>
							<div class="code-name">.icon-cloudupload-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-exchange-fill"></span>
							<div class="name">
								exchange-fill
							</div>
							<div class="code-name">.icon-exchange-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-info-circle-fill"></span>
							<div class="name">
								info-circle-fill
							</div>
							<div class="code-name">.icon-info-circle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-question-circle-fill"></span>
							<div class="name">
								question-circle-fill
							</div>
							<div class="code-name">.icon-question-circle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-exclamationcircle-f"></span>
							<div class="name">
								exclamation circle-f
							</div>
							<div class="code-name">.icon-exclamationcircle-f
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-minus-circle-fill"></span>
							<div class="name">
								minus-circle-fill
							</div>
							<div class="code-name">.icon-minus-circle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-plus-circle-fill"></span>
							<div class="name">
								plus-circle-fill
							</div>
							<div class="code-name">.icon-plus-circle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-times-circle-fill"></span>
							<div class="name">
								times-circle-fill
							</div>
							<div class="code-name">.icon-times-circle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-check-circle-fill"></span>
							<div class="name">
								check-circle-fill
							</div>
							<div class="code-name">.icon-check-circle-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-compressalt-fill"></span>
							<div class="name">
								compress alt-fill
							</div>
							<div class="code-name">.icon-compressalt-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-expandalt-fill"></span>
							<div class="name">
								expand alt-fill
							</div>
							<div class="code-name">.icon-expandalt-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-filter"></span>
							<div class="name">
								filter
							</div>
							<div class="code-name">.icon-filter
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-all"></span>
							<div class="name">
								all
							</div>
							<div class="code-name">.icon-all
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-database-plus"></span>
							<div class="name">
								database-plus
							</div>
							<div class="code-name">.icon-database-plus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-database"></span>
							<div class="name">
								database
							</div>
							<div class="code-name">.icon-database
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-comment-lines"></span>
							<div class="name">
								comment-lines
							</div>
							<div class="code-name">.icon-comment-lines
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-comment-dots"></span>
							<div class="name">
								comment-dots
							</div>
							<div class="code-name">.icon-comment-dots
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-paper-plane"></span>
							<div class="name">
								paper-plane
							</div>
							<div class="code-name">.icon-paper-plane
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-slash"></span>
							<div class="name">
								eye-slash
							</div>
							<div class="code-name">.icon-eye-slash
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye"></span>
							<div class="name">
								eye
							</div>
							<div class="code-name">.icon-eye
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lightbulb"></span>
							<div class="name">
								lightbulb
							</div>
							<div class="code-name">.icon-lightbulb
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-flag"></span>
							<div class="name">
								flag
							</div>
							<div class="code-name">.icon-flag
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-tag"></span>
							<div class="name">
								tag
							</div>
							<div class="code-name">.icon-tag
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-position"></span>
							<div class="name">
								position
							</div>
							<div class="code-name">.icon-position
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-location"></span>
							<div class="name">
								location
							</div>
							<div class="code-name">.icon-location
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map"></span>
							<div class="name">
								map
							</div>
							<div class="code-name">.icon-map
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-inbox-in"></span>
							<div class="name">
								inbox-in
							</div>
							<div class="code-name">.icon-inbox-in
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-box"></span>
							<div class="name">
								box
							</div>
							<div class="code-name">.icon-box
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-database-set"></span>
							<div class="name">
								database-set
							</div>
							<div class="code-name">.icon-database-set
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-layer-group"></span>
							<div class="name">
								layer-group
							</div>
							<div class="code-name">.icon-layer-group
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-wind-cry"></span>
							<div class="name">
								wind-cry
							</div>
							<div class="code-name">.icon-wind-cry
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-wind-smile"></span>
							<div class="name">
								wind-smile
							</div>
							<div class="code-name">.icon-wind-smile
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-unlock"></span>
							<div class="name">
								unlock
							</div>
							<div class="code-name">.icon-unlock
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lock"></span>
							<div class="name">
								lock
							</div>
							<div class="code-name">.icon-lock
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-align-right"></span>
							<div class="name">
								align-right
							</div>
							<div class="code-name">.icon-align-right
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-align-left"></span>
							<div class="name">
								align-left
							</div>
							<div class="code-name">.icon-align-left
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-border-bottom"></span>
							<div class="name">
								border-bottom
							</div>
							<div class="code-name">.icon-border-bottom
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-border-top"></span>
							<div class="name">
								border-top
							</div>
							<div class="code-name">.icon-border-top
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-align-center"></span>
							<div class="name">
								align-center
							</div>
							<div class="code-name">.icon-align-center
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-border-verticle"></span>
							<div class="name">
								border-verticle
							</div>
							<div class="code-name">.icon-border-verticle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pic-center"></span>
							<div class="name">
								pic-center
							</div>
							<div class="code-name">.icon-pic-center
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pic-side"></span>
							<div class="name">
								pic-side
							</div>
							<div class="code-name">.icon-pic-side
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folder-open"></span>
							<div class="name">
								folder-open
							</div>
							<div class="code-name">.icon-folder-open
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folder-plus"></span>
							<div class="name">
								folder-plus
							</div>
							<div class="code-name">.icon-folder-plus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folder"></span>
							<div class="name">
								folder
							</div>
							<div class="code-name">.icon-folder
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-SQL1"></span>
							<div class="name">
								file-SQL
							</div>
							<div class="code-name">.icon-file-SQL1
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-plus"></span>
							<div class="name">
								file-plus
							</div>
							<div class="code-name">.icon-file-plus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file"></span>
							<div class="name">
								file
							</div>
							<div class="code-name">.icon-file
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-copy"></span>
							<div class="name">
								copy
							</div>
							<div class="code-name">.icon-copy
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-headset"></span>
							<div class="name">
								headset
							</div>
							<div class="code-name">.icon-headset
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-phone"></span>
							<div class="name">
								phone
							</div>
							<div class="code-name">.icon-phone
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pausecircle"></span>
							<div class="name">
								pause circle
							</div>
							<div class="code-name">.icon-pausecircle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stopcircle"></span>
							<div class="name">
								stop circle
							</div>
							<div class="code-name">.icon-stopcircle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-playcircle"></span>
							<div class="name">
								play circle
							</div>
							<div class="code-name">.icon-playcircle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete"></span>
							<div class="name">
								delete
							</div>
							<div class="code-name">.icon-delete
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-picture"></span>
							<div class="name">
								picture
							</div>
							<div class="code-name">.icon-picture
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mail"></span>
							<div class="name">
								mail
							</div>
							<div class="code-name">.icon-mail
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-like"></span>
							<div class="name">
								like
							</div>
							<div class="code-name">.icon-like
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-collection"></span>
							<div class="name">
								collection
							</div>
							<div class="code-name">.icon-collection
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-group"></span>
							<div class="name">
								user-group
							</div>
							<div class="code-name">.icon-user-group
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-account-plus"></span>
							<div class="name">
								account-plus
							</div>
							<div class="code-name">.icon-account-plus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-account"></span>
							<div class="name">
								account
							</div>
							<div class="code-name">.icon-account
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cog"></span>
							<div class="name">
								cog
							</div>
							<div class="code-name">.icon-cog
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-clock"></span>
							<div class="name">
								clock
							</div>
							<div class="code-name">.icon-clock
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-calendar-alt"></span>
							<div class="name">
								calendar-alt
							</div>
							<div class="code-name">.icon-calendar-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-clouddownload"></span>
							<div class="name">
								cloud download
							</div>
							<div class="code-name">.icon-clouddownload
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cloudupload"></span>
							<div class="name">
								cloud upload
							</div>
							<div class="code-name">.icon-cloudupload
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-exchange"></span>
							<div class="name">
								exchange
							</div>
							<div class="code-name">.icon-exchange
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-info-circle"></span>
							<div class="name">
								info-circle
							</div>
							<div class="code-name">.icon-info-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-question-circle"></span>
							<div class="name">
								question-circle
							</div>
							<div class="code-name">.icon-question-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-exclamation-circle"></span>
							<div class="name">
								exclamation-circle
							</div>
							<div class="code-name">.icon-exclamation-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-minus-circle"></span>
							<div class="name">
								minus-circle
							</div>
							<div class="code-name">.icon-minus-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-plus-circle"></span>
							<div class="name">
								plus-circle
							</div>
							<div class="code-name">.icon-plus-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-times-circle"></span>
							<div class="name">
								times-circle
							</div>
							<div class="code-name">.icon-times-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-check-circle"></span>
							<div class="name">
								check-circle
							</div>
							<div class="code-name">.icon-check-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-compress-alt"></span>
							<div class="name">
								compress-alt
							</div>
							<div class="code-name">.icon-compress-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-expand-alt"></span>
							<div class="name">
								expand-alt
							</div>
							<div class="code-name">.icon-expand-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-ban"></span>
							<div class="name">
								ban
							</div>
							<div class="code-name">.icon-ban
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-minus"></span>
							<div class="name">
								minus
							</div>
							<div class="code-name">.icon-minus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-plus"></span>
							<div class="name">
								plus
							</div>
							<div class="code-name">.icon-plus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-times"></span>
							<div class="name">
								times
							</div>
							<div class="code-name">.icon-times
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-check"></span>
							<div class="name">
								check
							</div>
							<div class="code-name">.icon-check
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-search-minus"></span>
							<div class="name">
								search-minus
							</div>
							<div class="code-name">.icon-search-minus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-search-plus"></span>
							<div class="name">
								search-plus
							</div>
							<div class="code-name">.icon-search-plus
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-search"></span>
							<div class="name">
								search
							</div>
							<div class="code-name">.icon-search
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-reply"></span>
							<div class="name">
								reply
							</div>
							<div class="code-name">.icon-reply
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-undo"></span>
							<div class="name">
								undo
							</div>
							<div class="code-name">.icon-undo
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-redo"></span>
							<div class="name">
								redo
							</div>
							<div class="code-name">.icon-redo
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-external-link"></span>
							<div class="name">
								external-link
							</div>
							<div class="code-name">.icon-external-link
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrows-alt"></span>
							<div class="name">
								arrows-alt
							</div>
							<div class="code-name">.icon-arrows-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-indent"></span>
							<div class="name">
								indent
							</div>
							<div class="code-name">.icon-indent
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-outdent"></span>
							<div class="name">
								outdent
							</div>
							<div class="code-name">.icon-outdent
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-sort-line"></span>
							<div class="name">
								sort-line
							</div>
							<div class="code-name">.icon-sort-line
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-switch"></span>
							<div class="name">
								switch
							</div>
							<div class="code-name">.icon-switch
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-wind-descending"></span>
							<div class="name">
								wind-descending
							</div>
							<div class="code-name">.icon-wind-descending
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-wind-ascending"></span>
							<div class="name">
								wind-ascending
							</div>
							<div class="code-name">.icon-wind-ascending
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-download"></span>
							<div class="name">
								download
							</div>
							<div class="code-name">.icon-download
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-upload"></span>
							<div class="name">
								upload
							</div>
							<div class="code-name">.icon-upload
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-to-bottom"></span>
							<div class="name">
								arrow-to-bottom
							</div>
							<div class="code-name">.icon-arrow-to-bottom
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-to-top"></span>
							<div class="name">
								arrow-to-top
							</div>
							<div class="code-name">.icon-arrow-to-top
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-long-arrow-down"></span>
							<div class="name">
								long-arrow-down
							</div>
							<div class="code-name">.icon-long-arrow-down
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-long-arrow-up"></span>
							<div class="name">
								long-arrow-up
							</div>
							<div class="code-name">.icon-long-arrow-up
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right"></span>
							<div class="name">
								arrow-right
							</div>
							<div class="code-name">.icon-arrow-right
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left"></span>
							<div class="name">
								arrow-left
							</div>
							<div class="code-name">.icon-arrow-left
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-sort"></span>
							<div class="name">
								sort
							</div>
							<div class="code-name">.icon-sort
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-sort-down"></span>
							<div class="name">
								sort-down
							</div>
							<div class="code-name">.icon-sort-down
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-sort-up"></span>
							<div class="name">
								sort-up
							</div>
							<div class="code-name">.icon-sort-up
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-caret-right"></span>
							<div class="name">
								caret-right
							</div>
							<div class="code-name">.icon-caret-right
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-caret-left"></span>
							<div class="name">
								caret-left
							</div>
							<div class="code-name">.icon-caret-left
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrows-v"></span>
							<div class="name">
								arrows-v
							</div>
							<div class="code-name">.icon-arrows-v
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-double-down"></span>
							<div class="name">
								angle- double-down
							</div>
							<div class="code-name">.icon-angle-double-down
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-double-up"></span>
							<div class="name">
								angle-double-up
							</div>
							<div class="code-name">.icon-angle-double-up
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-double-right"></span>
							<div class="name">
								angle-double-right
							</div>
							<div class="code-name">.icon-angle-double-right
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-double-left"></span>
							<div class="name">
								angle-double-left
							</div>
							<div class="code-name">.icon-angle-double-left
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-down"></span>
							<div class="name">
								angle-down
							</div>
							<div class="code-name">.icon-angle-down
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-up"></span>
							<div class="name">
								angle-up
							</div>
							<div class="code-name">.icon-angle-up
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-right"></span>
							<div class="name">
								angle-right
							</div>
							<div class="code-name">.icon-angle-right
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-angle-left"></span>
							<div class="name">
								angle-left
							</div>
							<div class="code-name">.icon-angle-left
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-paperclip"></span>
							<div class="name">
								paperclip
							</div>
							<div class="code-name">.icon-paperclip
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-connection"></span>
							<div class="name">
								connection
							</div>
							<div class="code-name">.icon-connection
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-training"></span>
							<div class="name">
								training
							</div>
							<div class="code-name">.icon-training
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-process"></span>
							<div class="name">
								process
							</div>
							<div class="code-name">.icon-process
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-news"></span>
							<div class="name">
								news
							</div>
							<div class="code-name">.icon-news
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-save"></span>
							<div class="name">
								save
							</div>
							<div class="code-name">.icon-save
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-print"></span>
							<div class="name">
								print
							</div>
							<div class="code-name">.icon-print
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-new-releases"></span>
							<div class="name">
								new-releases
							</div>
							<div class="code-name">.icon-new-releases
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-release"></span>
							<div class="name">
								release
							</div>
							<div class="code-name">.icon-release
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-alert"></span>
							<div class="name">
								alert
							</div>
							<div class="code-name">.icon-alert
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-backspace"></span>
							<div class="name">
								backspace
							</div>
							<div class="code-name">.icon-backspace
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-gem"></span>
							<div class="name">
								gem
							</div>
							<div class="code-name">.icon-gem
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-integral"></span>
							<div class="name">
								integral
							</div>
							<div class="code-name">.icon-integral
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-star-circle"></span>
							<div class="name">
								star-circle
							</div>
							<div class="code-name">.icon-star-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-circle"></span>
							<div class="name">
								user-circle
							</div>
							<div class="code-name">.icon-user-circle
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cloud-machine-fill"></span>
							<div class="name">
								cloud-machine-fill
							</div>
							<div class="code-name">.icon-cloud-machine-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cloud-machine"></span>
							<div class="name">
								cloud-machine
							</div>
							<div class="code-name">.icon-cloud-machine
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-terminal-fill"></span>
							<div class="name">
								terminal-fill
							</div>
							<div class="code-name">.icon-terminal-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-terminal"></span>
							<div class="name">
								terminal
							</div>
							<div class="code-name">.icon-terminal
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-shopping-cart-fill"></span>
							<div class="name">
								shopping-cart-fill
							</div>
							<div class="code-name">.icon-shopping-cart-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-resource"></span>
							<div class="name">
								resource
							</div>
							<div class="code-name">.icon-resource
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-rank"></span>
							<div class="name">
								rank
							</div>
							<div class="code-name">.icon-rank
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-sync-alt"></span>
							<div class="name">
								sync-alt
							</div>
							<div class="code-name">.icon-sync-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-compass"></span>
							<div class="name">
								compass
							</div>
							<div class="code-name">.icon-compass
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-alt-from-top"></span>
							<div class="name">
								arrow-alt- from-top
							</div>
							<div class="code-name">.icon-arrow-alt-from-top
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-alt-from-botto"></span>
							<div class="name">
								arrow-alt-from-botto
							</div>
							<div class="code-name">.icon-arrow-alt-from-botto
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-menu"></span>
							<div class="name">
								menu
							</div>
							<div class="code-name">.icon-menu
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-icon-drag"></span>
							<div class="name">
								icon-drag
							</div>
							<div class="code-name">.icon-icon-drag
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-early-warning"></span>
							<div class="name">
								early-warning
							</div>
							<div class="code-name">.icon-early-warning
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-share"></span>
							<div class="name">
								share
							</div>
							<div class="code-name">.icon-share
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-share1"></span>
							<div class="name">
								share
							</div>
							<div class="code-name">.icon-share1
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-management-"></span>
							<div class="name">
								management
							</div>
							<div class="code-name">.icon-management-
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-accesskeys"></span>
							<div class="name">
								accesskeys
							</div>
							<div class="code-name">.icon-accesskeys
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-sortdown-smal"></span>
							<div class="name">
								arrow-sort down-small
							</div>
							<div class="code-name">.icon-arrow-sortdown-smal
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-minus-square-fill"></span>
							<div class="name">
								minus-square-fill
							</div>
							<div class="code-name">.icon-minus-square-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-plus-square-fill"></span>
							<div class="name">
								plus-square-fill
							</div>
							<div class="code-name">.icon-plus-square-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-minus-square"></span>
							<div class="name">
								minus-square
							</div>
							<div class="code-name">.icon-minus-square
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-plus-square"></span>
							<div class="name">
								plus-square
							</div>
							<div class="code-name">.icon-plus-square
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stepmode"></span>
							<div class="name">
								step mode
							</div>
							<div class="code-name">.icon-stepmode
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-scrollingmode"></span>
							<div class="name">
								scrolling mode
							</div>
							<div class="code-name">.icon-scrollingmode
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-shoppingcart"></span>
							<div class="name">
								shopping cart
							</div>
							<div class="code-name">.icon-shoppingcart
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-waiting-fill"></span>
							<div class="name">
								waiting-fill
							</div>
							<div class="code-name">.icon-waiting-fill
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-waiting"></span>
							<div class="name">
								waiting
							</div>
							<div class="code-name">.icon-waiting
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-right-arrow-rect"></span>
							<div class="name">
								right-arrow-rect
							</div>
							<div class="code-name">.icon-right-arrow-rect
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-left-arrow-rect"></span>
							<div class="name">
								left-arrow-rect
							</div>
							<div class="code-name">.icon-left-arrow-rect
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-bell"></span>
							<div class="name">
								bell
							</div>
							<div class="code-name">.icon-bell
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-structured-data"></span>
							<div class="name">
								structured data
							</div>
							<div class="code-name">.icon-structured-data
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-drag"></span>
							<div class="name">
								drag
							</div>
							<div class="code-name">.icon-drag
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-vector"></span>
							<div class="name">
								vector
							</div>
							<div class="code-name">.icon-vector
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-ellipsis-vertical"></span>
							<div class="name">
								ellipsis-v
							</div>
							<div class="code-name">.icon-ellipsis-vertical
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-NEW-copy"></span>
							<div class="name">
								NEW
							</div>
							<div class="code-name">.icon-NEW-copy
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-gallery-view"></span>
							<div class="name">
								gallery-view
							</div>
							<div class="code-name">.icon-gallery-view
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-HOT-copy"></span>
							<div class="name">
								HOT
							</div>
							<div class="code-name">.icon-HOT-copy
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-WIFI"></span>
							<div class="name">
								WIFI
							</div>
							<div class="code-name">.icon-WIFI
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-home"></span>
							<div class="name">
								home
							</div>
							<div class="code-name">.icon-home
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-bug-report"></span>
							<div class="name">
								bug-report
							</div>
							<div class="code-name">.icon-bug-report
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-monitoring"></span>
							<div class="name">
								monitoring
							</div>
							<div class="code-name">.icon-monitoring
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-qrcode"></span>
							<div class="name">
								qrcode
							</div>
							<div class="code-name">.icon-qrcode
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-diagnose"></span>
							<div class="name">
								diagnose
							</div>
							<div class="code-name">.icon-diagnose
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-scan"></span>
							<div class="name">
								scan
							</div>
							<div class="code-name">.icon-scan
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-loading"></span>
							<div class="name">
								loading
							</div>
							<div class="code-name">.icon-loading
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-cut"></span>
							<div class="name">
								cut
							</div>
							<div class="code-name">.icon-cut
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Directory-tree"></span>
							<div class="name">
								Directory tree
							</div>
							<div class="code-name">.icon-Directory-tree
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-gift"></span>
							<div class="name">
								gift
							</div>
							<div class="code-name">.icon-gift
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-application"></span>
							<div class="name">
								application
							</div>
							<div class="code-name">.icon-application
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-link"></span>
							<div class="name">
								link
							</div>
							<div class="code-name">.icon-link
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-applicationgroup"></span>
							<div class="name">
								application group
							</div>
							<div class="code-name">.icon-applicationgroup
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-poweroff"></span>
							<div class="name">
								poweroff
							</div>
							<div class="code-name">.icon-poweroff
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-key"></span>
							<div class="name">
								key
							</div>
							<div class="code-name">.icon-key
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-safety-certificate"></span>
							<div class="name">
								safety-certificate
							</div>
							<div class="code-name">.icon-safety-certificate
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-supervise"></span>
							<div class="name">
								supervise
							</div>
							<div class="code-name">.icon-supervise
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-tag-subscipt"></span>
							<div class="name">
								tag-subscipt
							</div>
							<div class="code-name">.icon-tag-subscipt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chart-pie-alt"></span>
							<div class="name">
								chart-pie-alt
							</div>
							<div class="code-name">.icon-chart-pie-alt
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chart-relation"></span>
							<div class="name">
								chart-relation
							</div>
							<div class="code-name">.icon-chart-relation
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chart-scatter-plot"></span>
							<div class="name">
								chart-scatter-plot
							</div>
							<div class="code-name">.icon-chart-scatter-plot
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chart-area"></span>
							<div class="name">
								chart-area
							</div>
							<div class="code-name">.icon-chart-area
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chart-line"></span>
							<div class="name">
								chart-line
							</div>
							<div class="code-name">.icon-chart-line
							</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chart-bar"></span>
							<div class="name">
								chart-bar
							</div>
							<div class="code-name">.icon-chart-bar
							</div>
						</li>

					</ul>
					
				</div>
				<div class="content symbol">
					<ul class="icon_lists dib-box">

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lianjie"></use>
							</svg>
							<div class="name">链接</div>
							<div class="code-name">#icon-lianjie</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-weixin"></use>
							</svg>
							<div class="name">微信</div>
							<div class="code-name">#icon-weixin</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pengyouquan"></use>
							</svg>
							<div class="name">朋友圈</div>
							<div class="code-name">#icon-pengyouquan</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-weibo"></use>
							</svg>
							<div class="name">微博</div>
							<div class="code-name">#icon-weibo</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-QQ"></use>
							</svg>
							<div class="name">QQ</div>
							<div class="code-name">#icon-QQ</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-xiaochengxu"></use>
							</svg>
							<div class="name">小程序</div>
							<div class="code-name">#icon-xiaochengxu</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-display-code"></use>
							</svg>
							<div class="name">display-code</div>
							<div class="code-name">#icon-display-code</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-display-arrow-right"></use>
							</svg>
							<div class="name">display-arrow-right</div>
							<div class="code-name">#icon-display-arrow-right</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-display-arrow-left"></use>
							</svg>
							<div class="name">display-arrow-left</div>
							<div class="code-name">#icon-display-arrow-left</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-laptop-error"></use>
							</svg>
							<div class="name">laptop-error</div>
							<div class="code-name">#icon-laptop-error</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-laptop-check"></use>
							</svg>
							<div class="name">laptop-check</div>
							<div class="code-name">#icon-laptop-check</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-laptop"></use>
							</svg>
							<div class="name">laptop</div>
							<div class="code-name">#icon-laptop</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mobile-error"></use>
							</svg>
							<div class="name">mobile-error</div>
							<div class="code-name">#icon-mobile-error</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mobile-check"></use>
							</svg>
							<div class="name">mobile-check</div>
							<div class="code-name">#icon-mobile-check</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mobile-alt"></use>
							</svg>
							<div class="name">mobile-alt</div>
							<div class="code-name">#icon-mobile-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-aliwangwang"></use>
							</svg>
							<div class="name">aliwangwang</div>
							<div class="code-name">#icon-aliwangwang</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-nail"></use>
							</svg>
							<div class="name">nail</div>
							<div class="code-name">#icon-nail</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-nail-fixed"></use>
							</svg>
							<div class="name">nail-fixed</div>
							<div class="code-name">#icon-nail-fixed</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-edit"></use>
							</svg>
							<div class="name">edit</div>
							<div class="code-name">#icon-edit</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-dollar"></use>
							</svg>
							<div class="name">dollar</div>
							<div class="code-name">#icon-dollar</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-transanction"></use>
							</svg>
							<div class="name">transanction</div>
							<div class="code-name">#icon-transanction</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-filter-fill"></use>
							</svg>
							<div class="name">filter-fill</div>
							<div class="code-name">#icon-filter-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-all-fill"></use>
							</svg>
							<div class="name">all-fill</div>
							<div class="code-name">#icon-all-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-databaseplus-fill"></use>
							</svg>
							<div class="name">database plus-fill</div>
							<div class="code-name">#icon-databaseplus-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-database-fill"></use>
							</svg>
							<div class="name">database-fill</div>
							<div class="code-name">#icon-database-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-commentlines-fill"></use>
							</svg>
							<div class="name">comment lines-fill</div>
							<div class="code-name">#icon-commentlines-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-commentdots-fill"></use>
							</svg>
							<div class="name">comment dots-fill</div>
							<div class="code-name">#icon-commentdots-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-paperplane-fill"></use>
							</svg>
							<div class="name">paper plane-fill</div>
							<div class="code-name">#icon-paperplane-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eyeslash-fill"></use>
							</svg>
							<div class="name">eye slash-fill</div>
							<div class="code-name">#icon-eyeslash-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-fill"></use>
							</svg>
							<div class="name">eye-fill</div>
							<div class="code-name">#icon-eye-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lightbulb-fill"></use>
							</svg>
							<div class="name">lightbulb-fill</div>
							<div class="code-name">#icon-lightbulb-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-flag-fill"></use>
							</svg>
							<div class="name">flag-fill</div>
							<div class="code-name">#icon-flag-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-tag-fill"></use>
							</svg>
							<div class="name">tag-fill</div>
							<div class="code-name">#icon-tag-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-position-fill"></use>
							</svg>
							<div class="name">position-fill</div>
							<div class="code-name">#icon-position-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-location-fill"></use>
							</svg>
							<div class="name">location-fill</div>
							<div class="code-name">#icon-location-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-fill"></use>
							</svg>
							<div class="name">map-fill</div>
							<div class="code-name">#icon-map-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-inboxin-fill"></use>
							</svg>
							<div class="name">inbox in-fill</div>
							<div class="code-name">#icon-inboxin-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-box-fill"></use>
							</svg>
							<div class="name">box-fill</div>
							<div class="code-name">#icon-box-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-databaseset-fill"></use>
							</svg>
							<div class="name">database set-fill</div>
							<div class="code-name">#icon-databaseset-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-layergroup-fill"></use>
							</svg>
							<div class="name">layer group-fill</div>
							<div class="code-name">#icon-layergroup-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cry-fill"></use>
							</svg>
							<div class="name">cry-fill</div>
							<div class="code-name">#icon-cry-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-smile-fill"></use>
							</svg>
							<div class="name">smile-fill</div>
							<div class="code-name">#icon-smile-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-unlock-fill"></use>
							</svg>
							<div class="name">unlock-fill</div>
							<div class="code-name">#icon-unlock-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lock-fill"></use>
							</svg>
							<div class="name">lock-fill</div>
							<div class="code-name">#icon-lock-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-alignright-fill"></use>
							</svg>
							<div class="name">align right-fill</div>
							<div class="code-name">#icon-alignright-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-alignleft-fill"></use>
							</svg>
							<div class="name">align left-fill</div>
							<div class="code-name">#icon-alignleft-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-borderbottom-fill"></use>
							</svg>
							<div class="name">border bottom-fill</div>
							<div class="code-name">#icon-borderbottom-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-bordertop-fill"></use>
							</svg>
							<div class="name">border top-fill</div>
							<div class="code-name">#icon-bordertop-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-aligncenter-fill"></use>
							</svg>
							<div class="name">align center-fill</div>
							<div class="code-name">#icon-aligncenter-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-borderverticle-fill"></use>
							</svg>
							<div class="name">border verticle-fill</div>
							<div class="code-name">#icon-borderverticle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-piccenter-fill"></use>
							</svg>
							<div class="name">pic center-fill</div>
							<div class="code-name">#icon-piccenter-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-picside-fill"></use>
							</svg>
							<div class="name">pic side-fill</div>
							<div class="code-name">#icon-picside-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folderopen-fill"></use>
							</svg>
							<div class="name">folder open-fill</div>
							<div class="code-name">#icon-folderopen-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folderplus-fill"></use>
							</svg>
							<div class="name">folder plus-fill</div>
							<div class="code-name">#icon-folderplus-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folder-fill"></use>
							</svg>
							<div class="name">folder-fill</div>
							<div class="code-name">#icon-folder-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-SQL"></use>
							</svg>
							<div class="name">file-SQL</div>
							<div class="code-name">#icon-file-SQL</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-fileplus-fill"></use>
							</svg>
							<div class="name">file plus-fill</div>
							<div class="code-name">#icon-fileplus-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-fill"></use>
							</svg>
							<div class="name">file-fill</div>
							<div class="code-name">#icon-file-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-copy-fill"></use>
							</svg>
							<div class="name">copy-fill</div>
							<div class="code-name">#icon-copy-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-headset-fill"></use>
							</svg>
							<div class="name">headset-fill</div>
							<div class="code-name">#icon-headset-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-phone-fill"></use>
							</svg>
							<div class="name">phone-fill</div>
							<div class="code-name">#icon-phone-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pausecircle-fill"></use>
							</svg>
							<div class="name">pause circle-fill</div>
							<div class="code-name">#icon-pausecircle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stopcircle-fill"></use>
							</svg>
							<div class="name">stop circle-fill</div>
							<div class="code-name">#icon-stopcircle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-playcircle-fill"></use>
							</svg>
							<div class="name">play circle-fill</div>
							<div class="code-name">#icon-playcircle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-fill"></use>
							</svg>
							<div class="name">delete-fill</div>
							<div class="code-name">#icon-delete-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-picture-fill"></use>
							</svg>
							<div class="name">picture-fill</div>
							<div class="code-name">#icon-picture-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mail-fill"></use>
							</svg>
							<div class="name">mail-fill</div>
							<div class="code-name">#icon-mail-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-heart-fill"></use>
							</svg>
							<div class="name">heart-fill</div>
							<div class="code-name">#icon-heart-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-collection-fill"></use>
							</svg>
							<div class="name">collection-fill</div>
							<div class="code-name">#icon-collection-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-group-fill"></use>
							</svg>
							<div class="name">user-group-fill</div>
							<div class="code-name">#icon-user-group-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-userplus-fill"></use>
							</svg>
							<div class="name">user plus-fill</div>
							<div class="code-name">#icon-userplus-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-fill"></use>
							</svg>
							<div class="name">user-fill</div>
							<div class="code-name">#icon-user-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cog-fill"></use>
							</svg>
							<div class="name">cog-fill</div>
							<div class="code-name">#icon-cog-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-clock-fill"></use>
							</svg>
							<div class="name">clock-fill</div>
							<div class="code-name">#icon-clock-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-calendaralt-fill"></use>
							</svg>
							<div class="name">calendar alt-fill</div>
							<div class="code-name">#icon-calendaralt-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-clouddownload-fill"></use>
							</svg>
							<div class="name">cloud download-fill</div>
							<div class="code-name">#icon-clouddownload-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cloudupload-fill"></use>
							</svg>
							<div class="name">cloud upload-fill</div>
							<div class="code-name">#icon-cloudupload-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-exchange-fill"></use>
							</svg>
							<div class="name">exchange-fill</div>
							<div class="code-name">#icon-exchange-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-info-circle-fill"></use>
							</svg>
							<div class="name">info-circle-fill</div>
							<div class="code-name">#icon-info-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-question-circle-fill"></use>
							</svg>
							<div class="name">question-circle-fill</div>
							<div class="code-name">#icon-question-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-exclamationcircle-f"></use>
							</svg>
							<div class="name">exclamation circle-f</div>
							<div class="code-name">#icon-exclamationcircle-f</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-minus-circle-fill"></use>
							</svg>
							<div class="name">minus-circle-fill</div>
							<div class="code-name">#icon-minus-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-plus-circle-fill"></use>
							</svg>
							<div class="name">plus-circle-fill</div>
							<div class="code-name">#icon-plus-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-times-circle-fill"></use>
							</svg>
							<div class="name">times-circle-fill</div>
							<div class="code-name">#icon-times-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-check-circle-fill"></use>
							</svg>
							<div class="name">check-circle-fill</div>
							<div class="code-name">#icon-check-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-compressalt-fill"></use>
							</svg>
							<div class="name">compress alt-fill</div>
							<div class="code-name">#icon-compressalt-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-expandalt-fill"></use>
							</svg>
							<div class="name">expand alt-fill</div>
							<div class="code-name">#icon-expandalt-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-filter"></use>
							</svg>
							<div class="name">filter</div>
							<div class="code-name">#icon-filter</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-all"></use>
							</svg>
							<div class="name">all</div>
							<div class="code-name">#icon-all</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-database-plus"></use>
							</svg>
							<div class="name">database-plus</div>
							<div class="code-name">#icon-database-plus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-database"></use>
							</svg>
							<div class="name">database</div>
							<div class="code-name">#icon-database</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-comment-lines"></use>
							</svg>
							<div class="name">comment-lines</div>
							<div class="code-name">#icon-comment-lines</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-comment-dots"></use>
							</svg>
							<div class="name">comment-dots</div>
							<div class="code-name">#icon-comment-dots</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-paper-plane"></use>
							</svg>
							<div class="name">paper-plane</div>
							<div class="code-name">#icon-paper-plane</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-slash"></use>
							</svg>
							<div class="name">eye-slash</div>
							<div class="code-name">#icon-eye-slash</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye"></use>
							</svg>
							<div class="name">eye</div>
							<div class="code-name">#icon-eye</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lightbulb"></use>
							</svg>
							<div class="name">lightbulb</div>
							<div class="code-name">#icon-lightbulb</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-flag"></use>
							</svg>
							<div class="name">flag</div>
							<div class="code-name">#icon-flag</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-tag"></use>
							</svg>
							<div class="name">tag</div>
							<div class="code-name">#icon-tag</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-position"></use>
							</svg>
							<div class="name">position</div>
							<div class="code-name">#icon-position</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-location"></use>
							</svg>
							<div class="name">location</div>
							<div class="code-name">#icon-location</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map"></use>
							</svg>
							<div class="name">map</div>
							<div class="code-name">#icon-map</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-inbox-in"></use>
							</svg>
							<div class="name">inbox-in</div>
							<div class="code-name">#icon-inbox-in</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-box"></use>
							</svg>
							<div class="name">box</div>
							<div class="code-name">#icon-box</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-database-set"></use>
							</svg>
							<div class="name">database-set</div>
							<div class="code-name">#icon-database-set</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-layer-group"></use>
							</svg>
							<div class="name">layer-group</div>
							<div class="code-name">#icon-layer-group</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-wind-cry"></use>
							</svg>
							<div class="name">wind-cry</div>
							<div class="code-name">#icon-wind-cry</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-wind-smile"></use>
							</svg>
							<div class="name">wind-smile</div>
							<div class="code-name">#icon-wind-smile</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-unlock"></use>
							</svg>
							<div class="name">unlock</div>
							<div class="code-name">#icon-unlock</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lock"></use>
							</svg>
							<div class="name">lock</div>
							<div class="code-name">#icon-lock</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-align-right"></use>
							</svg>
							<div class="name">align-right</div>
							<div class="code-name">#icon-align-right</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-align-left"></use>
							</svg>
							<div class="name">align-left</div>
							<div class="code-name">#icon-align-left</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-border-bottom"></use>
							</svg>
							<div class="name">border-bottom</div>
							<div class="code-name">#icon-border-bottom</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-border-top"></use>
							</svg>
							<div class="name">border-top</div>
							<div class="code-name">#icon-border-top</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-align-center"></use>
							</svg>
							<div class="name">align-center</div>
							<div class="code-name">#icon-align-center</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-border-verticle"></use>
							</svg>
							<div class="name">border-verticle</div>
							<div class="code-name">#icon-border-verticle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pic-center"></use>
							</svg>
							<div class="name">pic-center</div>
							<div class="code-name">#icon-pic-center</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pic-side"></use>
							</svg>
							<div class="name">pic-side</div>
							<div class="code-name">#icon-pic-side</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folder-open"></use>
							</svg>
							<div class="name">folder-open</div>
							<div class="code-name">#icon-folder-open</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folder-plus"></use>
							</svg>
							<div class="name">folder-plus</div>
							<div class="code-name">#icon-folder-plus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folder"></use>
							</svg>
							<div class="name">folder</div>
							<div class="code-name">#icon-folder</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-SQL1"></use>
							</svg>
							<div class="name">file-SQL</div>
							<div class="code-name">#icon-file-SQL1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-plus"></use>
							</svg>
							<div class="name">file-plus</div>
							<div class="code-name">#icon-file-plus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file"></use>
							</svg>
							<div class="name">file</div>
							<div class="code-name">#icon-file</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-copy"></use>
							</svg>
							<div class="name">copy</div>
							<div class="code-name">#icon-copy</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-headset"></use>
							</svg>
							<div class="name">headset</div>
							<div class="code-name">#icon-headset</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-phone"></use>
							</svg>
							<div class="name">phone</div>
							<div class="code-name">#icon-phone</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pausecircle"></use>
							</svg>
							<div class="name">pause circle</div>
							<div class="code-name">#icon-pausecircle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stopcircle"></use>
							</svg>
							<div class="name">stop circle</div>
							<div class="code-name">#icon-stopcircle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-playcircle"></use>
							</svg>
							<div class="name">play circle</div>
							<div class="code-name">#icon-playcircle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete"></use>
							</svg>
							<div class="name">delete</div>
							<div class="code-name">#icon-delete</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-picture"></use>
							</svg>
							<div class="name">picture</div>
							<div class="code-name">#icon-picture</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mail"></use>
							</svg>
							<div class="name">mail</div>
							<div class="code-name">#icon-mail</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-like"></use>
							</svg>
							<div class="name">like</div>
							<div class="code-name">#icon-like</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-collection"></use>
							</svg>
							<div class="name">collection</div>
							<div class="code-name">#icon-collection</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-group"></use>
							</svg>
							<div class="name">user-group</div>
							<div class="code-name">#icon-user-group</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-account-plus"></use>
							</svg>
							<div class="name">account-plus</div>
							<div class="code-name">#icon-account-plus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-account"></use>
							</svg>
							<div class="name">account</div>
							<div class="code-name">#icon-account</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cog"></use>
							</svg>
							<div class="name">cog</div>
							<div class="code-name">#icon-cog</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-clock"></use>
							</svg>
							<div class="name">clock</div>
							<div class="code-name">#icon-clock</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-calendar-alt"></use>
							</svg>
							<div class="name">calendar-alt</div>
							<div class="code-name">#icon-calendar-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-clouddownload"></use>
							</svg>
							<div class="name">cloud download</div>
							<div class="code-name">#icon-clouddownload</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cloudupload"></use>
							</svg>
							<div class="name">cloud upload</div>
							<div class="code-name">#icon-cloudupload</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-exchange"></use>
							</svg>
							<div class="name">exchange</div>
							<div class="code-name">#icon-exchange</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-info-circle"></use>
							</svg>
							<div class="name">info-circle</div>
							<div class="code-name">#icon-info-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-question-circle"></use>
							</svg>
							<div class="name">question-circle</div>
							<div class="code-name">#icon-question-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-exclamation-circle"></use>
							</svg>
							<div class="name">exclamation-circle</div>
							<div class="code-name">#icon-exclamation-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-minus-circle"></use>
							</svg>
							<div class="name">minus-circle</div>
							<div class="code-name">#icon-minus-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-plus-circle"></use>
							</svg>
							<div class="name">plus-circle</div>
							<div class="code-name">#icon-plus-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-times-circle"></use>
							</svg>
							<div class="name">times-circle</div>
							<div class="code-name">#icon-times-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-check-circle"></use>
							</svg>
							<div class="name">check-circle</div>
							<div class="code-name">#icon-check-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-compress-alt"></use>
							</svg>
							<div class="name">compress-alt</div>
							<div class="code-name">#icon-compress-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-expand-alt"></use>
							</svg>
							<div class="name">expand-alt</div>
							<div class="code-name">#icon-expand-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-ban"></use>
							</svg>
							<div class="name">ban</div>
							<div class="code-name">#icon-ban</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-minus"></use>
							</svg>
							<div class="name">minus</div>
							<div class="code-name">#icon-minus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-plus"></use>
							</svg>
							<div class="name">plus</div>
							<div class="code-name">#icon-plus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-times"></use>
							</svg>
							<div class="name">times</div>
							<div class="code-name">#icon-times</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-check"></use>
							</svg>
							<div class="name">check</div>
							<div class="code-name">#icon-check</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-search-minus"></use>
							</svg>
							<div class="name">search-minus</div>
							<div class="code-name">#icon-search-minus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-search-plus"></use>
							</svg>
							<div class="name">search-plus</div>
							<div class="code-name">#icon-search-plus</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-search"></use>
							</svg>
							<div class="name">search</div>
							<div class="code-name">#icon-search</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-reply"></use>
							</svg>
							<div class="name">reply</div>
							<div class="code-name">#icon-reply</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-undo"></use>
							</svg>
							<div class="name">undo</div>
							<div class="code-name">#icon-undo</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-redo"></use>
							</svg>
							<div class="name">redo</div>
							<div class="code-name">#icon-redo</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-external-link"></use>
							</svg>
							<div class="name">external-link</div>
							<div class="code-name">#icon-external-link</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrows-alt"></use>
							</svg>
							<div class="name">arrows-alt</div>
							<div class="code-name">#icon-arrows-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-indent"></use>
							</svg>
							<div class="name">indent</div>
							<div class="code-name">#icon-indent</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-outdent"></use>
							</svg>
							<div class="name">outdent</div>
							<div class="code-name">#icon-outdent</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-sort-line"></use>
							</svg>
							<div class="name">sort-line</div>
							<div class="code-name">#icon-sort-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-switch"></use>
							</svg>
							<div class="name">switch</div>
							<div class="code-name">#icon-switch</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-wind-descending"></use>
							</svg>
							<div class="name">wind-descending</div>
							<div class="code-name">#icon-wind-descending</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-wind-ascending"></use>
							</svg>
							<div class="name">wind-ascending</div>
							<div class="code-name">#icon-wind-ascending</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-download"></use>
							</svg>
							<div class="name">download</div>
							<div class="code-name">#icon-download</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-upload"></use>
							</svg>
							<div class="name">upload</div>
							<div class="code-name">#icon-upload</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-to-bottom"></use>
							</svg>
							<div class="name">arrow-to-bottom</div>
							<div class="code-name">#icon-arrow-to-bottom</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-to-top"></use>
							</svg>
							<div class="name">arrow-to-top</div>
							<div class="code-name">#icon-arrow-to-top</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-long-arrow-down"></use>
							</svg>
							<div class="name">long-arrow-down</div>
							<div class="code-name">#icon-long-arrow-down</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-long-arrow-up"></use>
							</svg>
							<div class="name">long-arrow-up</div>
							<div class="code-name">#icon-long-arrow-up</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right"></use>
							</svg>
							<div class="name">arrow-right</div>
							<div class="code-name">#icon-arrow-right</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left"></use>
							</svg>
							<div class="name">arrow-left</div>
							<div class="code-name">#icon-arrow-left</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-sort"></use>
							</svg>
							<div class="name">sort</div>
							<div class="code-name">#icon-sort</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-sort-down"></use>
							</svg>
							<div class="name">sort-down</div>
							<div class="code-name">#icon-sort-down</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-sort-up"></use>
							</svg>
							<div class="name">sort-up</div>
							<div class="code-name">#icon-sort-up</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-caret-right"></use>
							</svg>
							<div class="name">caret-right</div>
							<div class="code-name">#icon-caret-right</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-caret-left"></use>
							</svg>
							<div class="name">caret-left</div>
							<div class="code-name">#icon-caret-left</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrows-v"></use>
							</svg>
							<div class="name">arrows-v</div>
							<div class="code-name">#icon-arrows-v</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-double-down"></use>
							</svg>
							<div class="name">angle- double-down</div>
							<div class="code-name">#icon-angle-double-down</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-double-up"></use>
							</svg>
							<div class="name">angle-double-up</div>
							<div class="code-name">#icon-angle-double-up</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-double-right"></use>
							</svg>
							<div class="name">angle-double-right</div>
							<div class="code-name">#icon-angle-double-right</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-double-left"></use>
							</svg>
							<div class="name">angle-double-left</div>
							<div class="code-name">#icon-angle-double-left</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-down"></use>
							</svg>
							<div class="name">angle-down</div>
							<div class="code-name">#icon-angle-down</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-up"></use>
							</svg>
							<div class="name">angle-up</div>
							<div class="code-name">#icon-angle-up</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-right"></use>
							</svg>
							<div class="name">angle-right</div>
							<div class="code-name">#icon-angle-right</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-angle-left"></use>
							</svg>
							<div class="name">angle-left</div>
							<div class="code-name">#icon-angle-left</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-paperclip"></use>
							</svg>
							<div class="name">paperclip</div>
							<div class="code-name">#icon-paperclip</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-connection"></use>
							</svg>
							<div class="name">connection</div>
							<div class="code-name">#icon-connection</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-training"></use>
							</svg>
							<div class="name">training</div>
							<div class="code-name">#icon-training</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-process"></use>
							</svg>
							<div class="name">process</div>
							<div class="code-name">#icon-process</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-news"></use>
							</svg>
							<div class="name">news</div>
							<div class="code-name">#icon-news</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-save"></use>
							</svg>
							<div class="name">save</div>
							<div class="code-name">#icon-save</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-print"></use>
							</svg>
							<div class="name">print</div>
							<div class="code-name">#icon-print</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-new-releases"></use>
							</svg>
							<div class="name">new-releases</div>
							<div class="code-name">#icon-new-releases</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-release"></use>
							</svg>
							<div class="name">release</div>
							<div class="code-name">#icon-release</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-alert"></use>
							</svg>
							<div class="name">alert</div>
							<div class="code-name">#icon-alert</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-backspace"></use>
							</svg>
							<div class="name">backspace</div>
							<div class="code-name">#icon-backspace</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-gem"></use>
							</svg>
							<div class="name">gem</div>
							<div class="code-name">#icon-gem</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-integral"></use>
							</svg>
							<div class="name">integral</div>
							<div class="code-name">#icon-integral</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-star-circle"></use>
							</svg>
							<div class="name">star-circle</div>
							<div class="code-name">#icon-star-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-circle"></use>
							</svg>
							<div class="name">user-circle</div>
							<div class="code-name">#icon-user-circle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cloud-machine-fill"></use>
							</svg>
							<div class="name">cloud-machine-fill</div>
							<div class="code-name">#icon-cloud-machine-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cloud-machine"></use>
							</svg>
							<div class="name">cloud-machine</div>
							<div class="code-name">#icon-cloud-machine</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-terminal-fill"></use>
							</svg>
							<div class="name">terminal-fill</div>
							<div class="code-name">#icon-terminal-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-terminal"></use>
							</svg>
							<div class="name">terminal</div>
							<div class="code-name">#icon-terminal</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-shopping-cart-fill"></use>
							</svg>
							<div class="name">shopping-cart-fill</div>
							<div class="code-name">#icon-shopping-cart-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-resource"></use>
							</svg>
							<div class="name">resource</div>
							<div class="code-name">#icon-resource</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-rank"></use>
							</svg>
							<div class="name">rank</div>
							<div class="code-name">#icon-rank</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-sync-alt"></use>
							</svg>
							<div class="name">sync-alt</div>
							<div class="code-name">#icon-sync-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-compass"></use>
							</svg>
							<div class="name">compass</div>
							<div class="code-name">#icon-compass</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-alt-from-top"></use>
							</svg>
							<div class="name">arrow-alt- from-top</div>
							<div class="code-name">#icon-arrow-alt-from-top</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-alt-from-botto"></use>
							</svg>
							<div class="name">arrow-alt-from-botto</div>
							<div class="code-name">#icon-arrow-alt-from-botto</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-menu"></use>
							</svg>
							<div class="name">menu</div>
							<div class="code-name">#icon-menu</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-icon-drag"></use>
							</svg>
							<div class="name">icon-drag</div>
							<div class="code-name">#icon-icon-drag</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-early-warning"></use>
							</svg>
							<div class="name">early-warning</div>
							<div class="code-name">#icon-early-warning</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-share"></use>
							</svg>
							<div class="name">share</div>
							<div class="code-name">#icon-share</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-share1"></use>
							</svg>
							<div class="name">share</div>
							<div class="code-name">#icon-share1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-management-"></use>
							</svg>
							<div class="name">management</div>
							<div class="code-name">#icon-management-</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-accesskeys"></use>
							</svg>
							<div class="name">accesskeys</div>
							<div class="code-name">#icon-accesskeys</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-sortdown-smal"></use>
							</svg>
							<div class="name">arrow-sort down-small</div>
							<div class="code-name">#icon-arrow-sortdown-smal</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-minus-square-fill"></use>
							</svg>
							<div class="name">minus-square-fill</div>
							<div class="code-name">#icon-minus-square-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-plus-square-fill"></use>
							</svg>
							<div class="name">plus-square-fill</div>
							<div class="code-name">#icon-plus-square-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-minus-square"></use>
							</svg>
							<div class="name">minus-square</div>
							<div class="code-name">#icon-minus-square</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-plus-square"></use>
							</svg>
							<div class="name">plus-square</div>
							<div class="code-name">#icon-plus-square</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stepmode"></use>
							</svg>
							<div class="name">step mode</div>
							<div class="code-name">#icon-stepmode</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-scrollingmode"></use>
							</svg>
							<div class="name">scrolling mode</div>
							<div class="code-name">#icon-scrollingmode</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-shoppingcart"></use>
							</svg>
							<div class="name">shopping cart</div>
							<div class="code-name">#icon-shoppingcart</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-waiting-fill"></use>
							</svg>
							<div class="name">waiting-fill</div>
							<div class="code-name">#icon-waiting-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-waiting"></use>
							</svg>
							<div class="name">waiting</div>
							<div class="code-name">#icon-waiting</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-right-arrow-rect"></use>
							</svg>
							<div class="name">right-arrow-rect</div>
							<div class="code-name">#icon-right-arrow-rect</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-left-arrow-rect"></use>
							</svg>
							<div class="name">left-arrow-rect</div>
							<div class="code-name">#icon-left-arrow-rect</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-bell"></use>
							</svg>
							<div class="name">bell</div>
							<div class="code-name">#icon-bell</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-structured-data"></use>
							</svg>
							<div class="name">structured data</div>
							<div class="code-name">#icon-structured-data</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-drag"></use>
							</svg>
							<div class="name">drag</div>
							<div class="code-name">#icon-drag</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-vector"></use>
							</svg>
							<div class="name">vector</div>
							<div class="code-name">#icon-vector</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-ellipsis-vertical"></use>
							</svg>
							<div class="name">ellipsis-v</div>
							<div class="code-name">#icon-ellipsis-vertical</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-NEW-copy"></use>
							</svg>
							<div class="name">NEW</div>
							<div class="code-name">#icon-NEW-copy</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-gallery-view"></use>
							</svg>
							<div class="name">gallery-view</div>
							<div class="code-name">#icon-gallery-view</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-HOT-copy"></use>
							</svg>
							<div class="name">HOT</div>
							<div class="code-name">#icon-HOT-copy</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-WIFI"></use>
							</svg>
							<div class="name">WIFI</div>
							<div class="code-name">#icon-WIFI</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-home"></use>
							</svg>
							<div class="name">home</div>
							<div class="code-name">#icon-home</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-bug-report"></use>
							</svg>
							<div class="name">bug-report</div>
							<div class="code-name">#icon-bug-report</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-monitoring"></use>
							</svg>
							<div class="name">monitoring</div>
							<div class="code-name">#icon-monitoring</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-qrcode"></use>
							</svg>
							<div class="name">qrcode</div>
							<div class="code-name">#icon-qrcode</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-diagnose"></use>
							</svg>
							<div class="name">diagnose</div>
							<div class="code-name">#icon-diagnose</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-scan"></use>
							</svg>
							<div class="name">scan</div>
							<div class="code-name">#icon-scan</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-loading"></use>
							</svg>
							<div class="name">loading</div>
							<div class="code-name">#icon-loading</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-cut"></use>
							</svg>
							<div class="name">cut</div>
							<div class="code-name">#icon-cut</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Directory-tree"></use>
							</svg>
							<div class="name">Directory tree</div>
							<div class="code-name">#icon-Directory-tree</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-gift"></use>
							</svg>
							<div class="name">gift</div>
							<div class="code-name">#icon-gift</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-application"></use>
							</svg>
							<div class="name">application</div>
							<div class="code-name">#icon-application</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-link"></use>
							</svg>
							<div class="name">link</div>
							<div class="code-name">#icon-link</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-applicationgroup"></use>
							</svg>
							<div class="name">application group</div>
							<div class="code-name">#icon-applicationgroup</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-poweroff"></use>
							</svg>
							<div class="name">poweroff</div>
							<div class="code-name">#icon-poweroff</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-key"></use>
							</svg>
							<div class="name">key</div>
							<div class="code-name">#icon-key</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-safety-certificate"></use>
							</svg>
							<div class="name">safety-certificate</div>
							<div class="code-name">#icon-safety-certificate</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-supervise"></use>
							</svg>
							<div class="name">supervise</div>
							<div class="code-name">#icon-supervise</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-tag-subscipt"></use>
							</svg>
							<div class="name">tag-subscipt</div>
							<div class="code-name">#icon-tag-subscipt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chart-pie-alt"></use>
							</svg>
							<div class="name">chart-pie-alt</div>
							<div class="code-name">#icon-chart-pie-alt</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chart-relation"></use>
							</svg>
							<div class="name">chart-relation</div>
							<div class="code-name">#icon-chart-relation</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chart-scatter-plot"></use>
							</svg>
							<div class="name">chart-scatter-plot</div>
							<div class="code-name">#icon-chart-scatter-plot</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chart-area"></use>
							</svg>
							<div class="name">chart-area</div>
							<div class="code-name">#icon-chart-area</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chart-line"></use>
							</svg>
							<div class="name">chart-line</div>
							<div class="code-name">#icon-chart-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chart-bar"></use>
							</svg>
							<div class="name">chart-bar</div>
							<div class="code-name">#icon-chart-bar</div>
						</li>

					</ul>
					
				</div>

			</div>
		</div>
		<script>
			$(document).ready(function() {
				$('.tab-container .content:first').show()

				$('#tabs li').click(function(e) {
					var tabContent = $('.tab-container .content')
					var index = $(this).index()

					if ($(this).hasClass('active')) {
						return
					} else {
						$('#tabs li').removeClass('active')
						$(this).addClass('active')

						tabContent.hide().eq(index).fadeIn()
					}
				})
			})
		</script>
	</body>
</html>
